﻿<!DOCTYPE html>

<html lang="zh-cn">

<head>
  <meta charset="utf-8" />
  <title>在线LaTeX公式编辑器-编辑器</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta content="always" name="referrer" />
  <meta name="description"
    content="识别图片中的公式！免费的在线LaTeX公式编辑器。支持导出svg、超大png、jpg、MathML、SVGCode。可以打出任何公式，不只是数学！支持物理physics、化学mhchem、unicode等常用扩展宏包加载。即时渲染，基于MathJax实现。" />
  <meta name="keywords" content="在线LaTeX,LaTeX公式编辑器,公式识别,公式编辑器,LaTeX公式识别,数学公式,LaTeX公式编辑,数学公式编辑,数学公式编辑器,妈叔,在线公式编辑" />
  <meta name="author" content="PandaHero, yuetao_1011@outlook.com" />
  <meta name="copyright" content="妈咪说（北京）科技传媒有限公司,熊猫大侠" />
  <meta name="renderer" content="webkit" />
  <meta name="robots" content="all" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!-- #region icon -->
  <link rel="shortcut icon" href="" type="image/x-icon">
  <!-- #endregion -->
  <script src="../js/common/config.js" id="common_config" data-pagetype="latex"></script>
  <script src="../js/common/common_05.js" id="common_05"></script>
  <script src="../js/common/common_10.js" id="common_10"></script>
</head>

<body>
  <script src="../js/common/common_20.js" id="common_20"></script>
  <script src="../js/common/common_30.js" id="common_30"></script>

  <!-- #region page -->
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
        <div class="btn-group">
           <button class="btn" type="button"><em class="icon-align-left"></em></button> <button class="btn" type="button"><em class="icon-align-center"></em></button> <button class="btn" type="button"><em class="icon-align-right"></em></button> <button class="btn" type="button"><em class="icon-align-justify"></em></button>
        </div>
      </div>
    </div>
  </div>
  <section class="flat-container container-fluid~">
    <div class="flat-row row~">
      <div class="flat-col col-xl-6~">
        <div class="container area" id="input-area">          
          <div class="card">
            <div class="card-header">
              <h2><i class="fa fa-edit"></i>输入区域<span>Input</span></h2>
              <button class="btn btn-light theme-fill" id="btn_setting"><i class="fa fa-cog"></i>编辑器设置</button>
            </div>
            <div class="card-body">
              <div class="form-group" id="wrap_shortcut"></div>
              <div class="form-group" id="wrap_immediate"></div>
              <div class="form-group" id="wrap_txtainput">
                <textarea class="form-control twins" id="txta_input" placeholder="请输入您的LaTeX表达式" maxlength="16384"
                  spellcheck="false" wrap="off"></textarea>
                <div class="form-control twins" id="div_copy"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flat-col col-xl-6~">
        <div class="container area" id="output-area">
          <div class="card">
            <div class="card-header">
              <h2><i class="fa fa-arrow-circle-down"></i>&nbsp;输出区域<span>Output</span></h2>
            </div>
            <div class="card-body">
              <div class="form-group">
                <div class="output" id="wrap_output"></div>
              </div>
              <div id="wrap_action"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <div class="screenmodal" id="wrap_setting"></div>
  <div class="screenmodal-mask" id="mask_setting"></div>

  <div class="loading" id="loadingModal" onclick="return false;">
    <div>
      <div class="progress progress-striped active">
        <div class="progress-bar" id="progressbar"></div>
      </div>
      <p>正在识别...</p>
    </div>
  </div>
  <!-- #endregion -->

  <script src="../js/common/common_40.js" id="common_40"></script>
  <script src="../js/common/common_50.js" id="common_50"></script>
</body>

</html>